
<!DOCTYPE html>
<html>

<!-- Head -->
<head>

	<title>注册表单</title>

	<!-- Meta-Tags -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //Meta-Tags -->

	<!-- Style --> <link rel="stylesheet" href="css/style.css" type="text/css" media="all">



</head>
<!-- //Head -->

<!-- Body -->
<body>

	<h1>注册表单</h1>

	<div class="container w3layouts agileits">

		
		<div class="register w3layouts agileits">
			<h2>注 册</h2>
			<form action="/registerServlet" method="post">
				<input type="text" Name="Username" placeholder="用户名" required="required">
				<input type="text" Name="Name" placeholder="姓名" required="required">
				<input type="email" Name="Email" placeholder="邮箱" required="required">
				<input type="password" Name="Password" id="password" placeholder="密码" required="required">
				<input type="password" Name="Password_check" id="password_check" placeholder="确认密码" required="required" onblur="check()">
				<span id="warning" style="color: red">   </span>


			<div class="send-button w3layouts agileits">
				<!--<form>-->
					<input type="submit" value="免费注册">
				<!--</form>-->
			</div>
			</form>
			<div class="send-button w3layouts agileits">
				<a href="login.html">
					<div  class="back-login">
						返回登录
					</div>
				</a>
			</div>
			<div class="clear"></div>
		</div>

		<div class="clear"></div>

	</div>

</body>
<!-- //Body -->
<script>
	function check() {
		if (document.getElementById("password").value != document.getElementById("password_check").value) {
			document.getElementById("warning").innerHTML = " 两次密码的输入不一致";
		} else {
			document.getElementById("warning").innerHTML = "   ";
		}
	}
</script>
</html>